<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
		<!-- <div id="app">
			<p v-if="man">男生能看到的</p>
			<p v-else="man">女生能看到的</p>
		</div>
		<script type="text/javascript">
			new Vue({
				el:"#app",
				data:{
					man:false
				}
			})
		</script> -->
	<!-- 	<div id="aaa">
		<table border="1px">
			<tr v-for="(user,key) in users">
				<td>{{key+1}}</td>
			<td>{{user.name}}</td>
			<td>{{user.age}}</td>
		</tr>
		</table>
		
	</div>
	<script type="text/javascript">
		new Vue({
			el:"#aaa",
			data:{
				users:[
				{name:'zhangsan',age:11},
				{name:'lisi',age:12},
				{name:'wangwu',age:13}
				]
			}
		})
	</script> -->
	<div id="app">
		<p v-for="(user,key,index) in user">{{index}}:{{key}}:{{user}}</p>
	</div>
	<script type="text/javascript">
		new Vue({
			el:"#app",
			data:{
				user:{
					name:"zhangsan",
					age:11,
					gender:"man"
				}
			}
		})
	</script>
</body>
</html>